.nav{
    font-size: 14px;
    border-bottom: 1px solid #cccccc;
    top: -10px;
    margin-top: 3px;
    background-color: #fff;
    box-shadow: -5px 0 10px #ccc;
}
.nav>ul{
    display: flex;
    justify-content: space-between;
    
}
.nav>ul>li{
    float: left;
    line-height: 34px;
    width: 33.3%;
    text-align: center;
    
}
.nav>ul>li p{
    border-bottom: 1px solid #cccccc;
}

.nav>ul>li ul{
    width: 300%;
}
.nav>ul>li ul li{
    line-height: 40px;
    width: 100%;
    height: 40px;
    border-bottom: 1px solid #cccccc;
    font-size: 14px;
    color: black;
    font-weight: bold;
    padding-left: 10px;
    text-align:left;
    background-color: #fff;
}
.arealist{
    position: relative;
    margin-left:-100%;
}
.content{
    padding:.266667rem;
    background-color: #f4f4f4;;
}
.content ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.content ul li{
    padding:0 .133333rem;
    background-color: white;
    width: 45%;
    height: 7rem;
    border: 1px solid #cccccc;
    padding-top: 1.333333rem;
    margin-bottom: .133333rem;
}
.content ul li img{
    width: 100%;
}
.content ul li p:nth-of-type(1){
    margin-bottom: .133333rem;
    margin-top: .133333rem;
}
.content ul li p:nth-of-type(2){
    color: #ff9000;
}